export const styleData = [{
        key: 'left',
        label: 'x 坐标'
    },
    {
        key: 'top',
        label: 'y 坐标'
    },
    {
        key: 'rotate',
        label: '旋转角度'
    },
    {
        key: 'width',
        label: '宽'
    },
    {
        key: 'height',
        label: '高'
    },
    {
        key: 'color',
        label: '颜色'
    },
    {
        key: 'backgroundColor',
        label: '背景色'
    },
    {
        key: 'borderWidth',
        label: '边框宽度'
    },
    {
        key: 'borderStyle',
        label: '边框风格'
    },
    {
        key: 'borderColor',
        label: '边框颜色'
    },
    {
        key: 'borderRadius',
        label: '边框半径'
    },
    {
        key: 'fontSize',
        label: '字体大小'
    },
    {
        key: 'fontWeight',
        label: '字体粗细'
    },
    {
        key: 'lineHeight',
        label: '行高'
    },
    {
        key: 'letterSpacing',
        label: '字间距'
    },
    {
        key: 'textAlign',
        label: '左右对齐'
    },
    {
        key: 'verticalAlign',
        label: '上下对齐'
    },
    {
        key: 'opacity',
        label: '不透明度'
    },
    {
        key: 'code',
        label: '设备编号'
    },
    {
        key: 'sn',
        label: '设备sn'
    },
]

export const styleMap = {
    left: 'x 坐标',
    top: 'y 坐标',
    rotate: '旋转角度',
    width: '宽',
    height: '高',
    color: '颜色',
    backgroundColor: '背景色',
    borderWidth: '边框宽度',
    borderStyle: '边框风格',
    borderColor: '边框颜色',
    borderRadius: '边框半径',
    fontSize: '字体大小',
    fontWeight: '字体粗细',
    lineHeight: '行高',
    letterSpacing: '字间距',
    textAlign: '左右对齐',
    verticalAlign: '上下对齐',
    opacity: '不透明度',
}

export const textAlignOptions = [{
        label: '左对齐',
        value: 'left',
    },
    {
        label: '居中',
        value: 'center',
    },
    {
        label: '右对齐',
        value: 'right',
    },
]

export const borderStyleOptions = [{
        label: '实线',
        value: 'solid',
    },
    {
        label: '虚线',
        value: 'dashed',
    },
]

export const verticalAlignOptions = [{
        label: '上对齐',
        value: 'top',
    },
    {
        label: '居中对齐',
        value: 'middle',
    },
    {
        label: '下对齐',
        value: 'bottom',
    },
]

export const selectKey = ['textAlign', 'borderStyle', 'verticalAlign']

export const optionMap = {
    textAlign: textAlignOptions,
    borderStyle: borderStyleOptions,
    verticalAlign: verticalAlignOptions,
}
